<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>Document</title>
	<link rel="stylesheet" href="css/fenlei.css">
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
	
	<div class="box">
		<p><img src="img/shuxin.png"></p>
		<ul id="ul">
			<li>分类</li>
			<li>品牌</li>
		</ul>
		<p></p>
	</div>
	<div id="banner">
	<div class="one" style="display:block">
		<ul>
			<li><span>包袋</span><span><img src="img/tupian5.png"></span></li>
			<li><span>男装</span><span><img src="img/tupian5.png"></span></li>
			<li><span>钟表</span><span><img src="img/tupian5.png"></span></li>
			<li><span>女装</span><span><img src="img/tupian5.png"></span></li>
			<li><span>妆品</span><span><img src="img/tupian5.png"></span></li>
			<li><span>鞋类</span><span><img src="img/tupian5.png"></span></li>
			<li><span>奢侈海外</span><span><img src="img/tupian5.png"></span></li>
			<li><span>内衣</span><span><img src="img/tupian5.png"></span></li>
			<li><span>家纺</span><span><img src="img/tupian5.png"></span></li>
			<li><span>童鞋</span><span><img src="img/tupian5.png"></span></li>
		</ul>
	</div>
		<div class="two">
			<ul>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
			<li><span><b>A&F</b>阿贝克隆&萨奇</span><span><img src="img/tupian5.png"></span></li>
		</ul>
		</div>
		
	</div>
	<div class="tab">
		<a href="#">
			<img src="img/index-shou.png"/>
			<p>首页</p>
		</a>
		<a href="#">
			<img src="img/index-sou.png"/>
			<p>搜索</p>
		</a>
		<a href="#">
			<img src="img/index-xiu.png"/>
			<p>我的秀</p>
		</a>
		<a href="#">
			<img src="img/index-gou.png"/>
			<p>购物车</p>
		</a>
		<a href="#">
			<img src="img/index-geng.png"/>
			<p>更多</p>
		</a>
		
	</div>
	<script src="js/flexible.debug.js"></script>
	<script src="js/flexible_css.debug.js"></script>

	<script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script>
	<script src="js/quanju.js" type="text/javascript" charset="utf-8"></script>
		<script>
			

			$(function(){
				$('.tab a').eq(0).addClass('taba').children('img').attr("src","img/index-shoub.png")
			$('#ul li').eq(1).addClass('active').siblings().removeClass('active');

			$('#ul li').click(function(){
				var index=$(this).index();
				$(this).addClass('active').siblings().removeClass('active');
				$('#banner div').eq(index).show().siblings().hide()
			})
			})
		</script>
</body>
</html>